
$(function(){
   
    // 调取用户信息方法
    getUserInfo()

    // 为退出按钮绑定点击事件
    $('.iconfont').on('click',function(){

        layer.confirm('确认退出登录吗？',{ icon : 3, title :'提示'},
         function(index){
            // 清空token
            localStorage.clear()
            // 跳转到登录页
            location.href='login.html'

            layer.close(index)
        })
    })



})

 // 封装用户信息
 function getUserInfo(){
    $.ajax({
        type:'GET',
        url:'/my/userinfo',
        // 通过headers属性 指定请求头对象
        headers:{
            // Authorization  用来实现身份认证的
            Authorization:localStorage.getItem('token')

        },
        success:function(res){
             if(!res.data) return
            // res.data.user_pic='http://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg'
            // 动态获取用户文本头像
            const name = (res.data.nickname || res.data.username)[0].toUpperCase()
            // 为数据源加载自定义属性
            res.data.textAvatar=name
            console.log(res)
            if(res.status===0){

                // 获取数据成功
                // 
                const htmlStr1=template('tmpl-header',res)
                $('#header-avatar').html(htmlStr1)
                const htmlStr2=template('tmpl-side',res)
                $('.user-info-box').html(htmlStr2)
                layui.element.render('nav','header-nav')
            }else{
                // 获取数据失败
                layer.msg('获取用户信息失败！')
            }
        }
        // complete:function(res){
        //     // 判断是否身份认证失败
        //     if(res.responseJSON.message==='身份认证失败！'){
        //         // 清空localStorage
        //         localStorage.clear()
        //         // 跳转到登录页面
        //         location.href='login.html'

        //     }
        // }
    })
}